<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../../bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
		<link rel="stylesheet" href="daterangepicker.css" />
		<script src="../js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="moment.js" type="text/javascript" charset="utf-8"></script>
		<script src="daterangepicker.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<input class="daterangepicker" value="2017-12-08"/>
		<div></div>
		<script>
			$(function(){
				$(".daterangepicker").daterangepicker({
					"parentEl": 'body', //日期控件插入到的父元素，默认为body
				    "startDate": "2017-01-12",
				    "endDate": "2017-05-20",
				    "minDate": "2000-01-01",//最小日期
				    "maxDate": "2025-12-31",//最大日期
				    "singleDatePicker": true,// 单日期控件
				    "showDropdowns": true, //是否显示月份、年份的下拉控件
				    "opens": 'left', //默认为左边打开，还可设置为 center,right
				    "drops": 'down', //默认向下展开，还可设置为up
				    "showWeekNumbers": false, //是否显示第几周，默认不显示
				    "timePicker":false, //是否显示时间控件，默认不显示
					"timePicker24Hour": false, //时间显示格式：默认为12小时制
					"timePickerIncrement": 1, //时间（分钟）间隔
					"timePickerSeconds": 1, // 时间（秒）间隔
				    "locale": {
				    	"format": "YYYY-MM-DD",
				        "separator": " - ",
				        "applyLabel": "确认",
				        "cancelLabel": "取消",
				        "fromLabel": "From",
				        "toLabel": "To",
				        "customRangeLabel": "Custom",
				        "weekLabel": "周",
				        "daysOfWeek": ["日","一","二","三","四","五","六"],
				        "monthNames": ["1","2","3","4","5","6","7","8","9","10","11","12"],
				        "firstDay": 1
				    },
				    "buttonClasses": "btn btn-sm",
				    "applyClass":"btn-success",
				    "cancelClass":"btn-default"
					
				});
			})
		</script>
	</body>
</html>
